<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@ taglib uri="/WEB-INF/displaytag-11.tld" prefix="display"%>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/popUP.js"%>"></script>
<script src="<%=request.getContextPath()%>/js/displaytag.js"
	type="text/javascript"></script>
<link href="<%=request.getContextPath() + "/css/bloques.css"%>"
	rel="stylesheet" type="text/css">
<script src="<%=request.getContextPath()%>/js/dateValidation.js"
	type="text/javascript"></script>
<script type="text/javascript"
	src="<%=request.getContextPath() + "/js/jquery-1.8.0.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery-ui-1.10.3.custom.min.js"%>"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()
					+ "/js/jquery.ui.datepicker-es.js"%>"></script>
<link rel="stylesheet"
	href="<%=request.getContextPath()
					+ "/css/ui-lightness/jquery-ui-1.10.3.custom.css"%>" />

<script type="text/javascript">
$(document).ready(function() { 
	
});
</script>

<!-- DatePickers -->
<script type="text/javascript">
$.datepicker.setDefaults({
	  showOn: "button",
	  buttonImageOnly: true,
	  buttonImage: "<%=request.getContextPath() + "/images/Calendar.png"%>",
	  buttonText : "Calendario"
	});
	$(function() {
		$("#desde").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
	$(function() {
		$("#hasta").datepicker({
			changeMonth : true,
			changeYear : true
		});
	});
</script>

<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT">
<meta http-equiv="Pragma" content="no-cache">
<script type="text/javascript">
function buscarSubprogramas(accion){
	alert($("#accion").val());
	$("#formBeneficiosSede").attr('action', '<%=request.getContextPath() + "/Sedes/BeneficiosSede.do"%>');
	$('input[name=accion]').val(accion);
	$("#formBeneficiosSede").submit();
}
  
function validarVacio(opcion){
	if(opcion==1){
    	if($("#subprograma").val() != 'nulo' && $("#sede").val() !='nulo'){
        	$("#continuar").attr('disabled', false);
      	}else{
    		$("#continuar").attr('disabled', true);
      	}
    }else{
    	if($("#sede").val() === 'nulo'){
    		$("#continuar").attr('disabled', true);
      	}else{
      		$("#continuar").attr('disabled', false);
      	}
    }
}

  
function validarCantidad(field){
	var valid = "0123456789";
    var ok = "yes";
    var temp;
    for (var i=0; i<field.value.length; i++) {
    	temp = "" + field.value.substring(i, i+1);
    	if (valid.indexOf(temp) == "-1") ok = "no";
    }
    if (ok === "no") {
	    alert("Cantidad no valido, solo se permiten numeros!!");
	    field.focus();
	    field.select();
    }
}
  
function validarOtros(){
	if($("#sede").val() === 'nulo'){
        alert("Debe seleccionar una sede.");
    	return false;
    }
	if($("#programa").val() == 'nulo'){
		alert("Debe seleccionar un programa.");
		return false;
	}
    if($("#subprograma").val() === 'nulo'){
    	alert("Debe seleccionar un beneficio.");
        return false;
    }
    if($("#cantidad").val() == ''){
    	alert("Debe ingresar la cantidad.");
        $("#cantidad").focus();
        return false;
    }
    if($("#desde").val() == ''){
    	alert("Debe ingresar la vigencia desde.");
        return false;
    }
    if($("#hasta").val() == ''){
    	alert("Debe ingresar la vigencia hasta.");
        return false;
    }
     
  	//validar fecha inicio y fin string valido.
	var fDesdeValida = isDate($("#desde").val());
	var fHastaValida = isDate($("#hasta").val());
	if(!fDesdeValida){
		alert('Fecha inicio no valida.');
		return false;
	}else if(!fHastaValida){
		alert('Fecha finalizacion no valida.');
		return false;
	}else{
		if( $.datepicker.parseDate("dd/mm/yy", $("#desde").val()) > $.datepicker.parseDate("dd/mm/yy", $("#hasta").val())){
			alert('La fecha inicial no puede ser mayor a la fecha final.');
			return false;
		}
	}      
    $("#formBeneficiosSede").submit();
}
  
function enviar(locacion1){
	$("#formBeneficiosSede").attr('action', location1);
    $("#formBeneficiosSede").submit();
}
  
</script>
	
<form name="formBeneficiosSede" id="formBeneficiosSede"
	action="<%=request.getContextPath() + "/Sedes/BeneficiosSede.do"%>"
	method="post">
	<div align="center">
		<table class="tablaGenericaWidth70">
			<tr>
				<td class="titulosenblanco" colspan="3">
					<DIV align="center">
						<STRONG>Asignar beneficios a una sede</STRONG>
					</DIV>
				</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td align="center" class="celdatabla" colspan="3">Seleccione la
					sede a la que le va a asignar beneficios</td>
			</tr>
			<tr>
				<td class="titulosenblanco" colspan="3">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Sede:</td>
				<td width="44%"><logic:notPresent name="sedes">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codeSede = request.getParameter("code");
 	if (codeSede == null)
 		codeSede = "nulo";
 %>
					<div align="left">
						<logic:present name="sedes">
							<logic:iterate id="sede" name="sedes" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.SedeVO">
								<html:select name="sede" styleId="sede" property="code" title="Sede"
									styleClass="form" value="<%=(String) codeSede%>"
									onchange="validarVacio(2);">
									<option value="nulo" selected="selected">Seleccione una sede</option>
									<html:options name="sede" labelName="codeSede"
										labelProperty="nombre" property="code" collection="sedes" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			<tr>
				<td class="titulosenblanco" colspan="3"><hr /></td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Programa:</td>
				<td width="44%"><logic:notPresent name="programas">
						<DIV align="center">
							<%=session.getAttribute("msg")%>
							<%
								session.removeAttribute("msg");
							%>
						</DIV>
					</logic:notPresent> <%
 	Object codePrograma = request.getParameter("codePrograma");
 %>
					<div align="left">
						<logic:present name="programas">
							<logic:iterate id="programa" name="programas" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.ProgramaVO">
								<html:select name="programa" styleId="programa" property="codePrograma"
									onchange="buscarSubprogramas('BuscarSubprogrmas');"
									title="Programa" styleClass="form"
									value="<%=(String) codePrograma%>">
									<option value="nulo">Seleccione un programa</option>
									<html:options name="programas" labelName="codigo"
										labelProperty="nombre" property="code" collection="programas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div></td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<%
				if (codePrograma != null) {
			%>
			<tr>
				<td class="celdatabla" width="31%">Beneficio:</td>
				<td width="44%">
					<div align="left">
						<logic:notPresent name="subprogramas">
							<DIV align="center">
								<%=session.getAttribute("msg")%>
								<%
									session.removeAttribute("msg");
								%>
							</DIV>
						</logic:notPresent>
						<%
							Object codeSubPrograma = request
										.getParameter("codeSubPrograma");
								if (codeSubPrograma == null)
									codeSubPrograma = "nulo";
						%>
						<logic:present name="subprogramas">
							<logic:iterate id="subprograma" name="subprogramas" length="1"
								type="co.gov.medellin.ssti.sub.model.vo.SubprogramaVO">
								<html:select name="subprograma" styleId="subprograma" property="codeSubPrograma"
									title="Programa" styleClass="form"
									value="<%=(String) codeSubPrograma%>"
									onchange="validarVacio(1);">
									<option value="nulo">Seleccione un subprograma</option>
									<html:options name="subprogramas" labelName="codigo"
										labelProperty="nombre" property="code"
										collection="subprogramas" />
								</html:select>
							</logic:iterate>
						</logic:present>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<%
				}
			%>
			<tr>
				<td class="celdatabla" width="31%">Cantidad a asignar:</td>
				<td width="44%">
				<div align="left">
					<%
						Object cantidad = request.getParameter("cantidad");
						if (cantidad == null) {
					%> <input type="text" name="cantidad" id="cantidad" value="" class="form"
					size="10" maxlength="9" onblur="validarCantidad(this);" />
					Unidades <%
 	} else {
 %> <input type="text" name="cantidad" id="cantidad" value="<%=(String) cantidad%>"
					class="form" size="10" maxlength="9"
					onblur="validarCantidad(this);" /> Unidades <%
 	}
 %>
 				</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>

			<tr>
				<td class="celdatabla" width="31%">Vigente desde:</td>
				<td width="44%">
				<div align="left">
					<%
						Object desde = request.getParameter("desde");
						if (desde == null)
							desde = "";
					%> <input type="text" name="desde" id="desde" value="<%=(String) desde%>" class="form"/>
				</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">Vigente hasta:</td>
				<td width="44%">
				<div align="left">
					<%
						Object hasta = request.getParameter("hasta");
						if (hasta == null)
							hasta = "";
					%> <input type="text" name="hasta" id="hasta" value="<%=(String) hasta%>" class="form" />
				</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td class="celdatabla" width="31%">&nbsp;</td>
				<td width="44%">
					<div align="center">
						<input type="hidden" name="accion" id="accion" /> 
						<input type="button" value="Agregar" name="continuar" id="continuar" onclick="validarOtros();" /> 
						<input type="button" value="buscar"	name="buscar" onclick="buscarSubprogramas('BuscarTodo');" />
						<P>&nbsp;</P>
					</div>
				</td>
				<td class="celdatabla" width="25%">&nbsp;</td>
			</tr>
			<tr>
				<td><logic:present name="IdUbicacion" scope="request">
						<DIV align="center">
							<a href="<%=request.getContextPath() + "/BuscarAtributo.do"%>">
								<img src="<%=request.getContextPath() + "/images/BACK1-1.gif"%>"
								border="0" />
							</a>
						</DIV>
					</logic:present></td>
			</tr>
			<tr>
				<td colspan="3" align="center"><logic:present name="msg">
						<DIV align="center"><%=session.getAttribute("msg")%></DIV>
						<%
							session.removeAttribute("msg");
						%>
					</logic:present></td>
			</tr>
		</table>
	</div>
</form>

<div align="center">
	<table class="tablaGenericaWidth90">
		<logic:present name="beneficiosSede">
			<tr>
				<td class="titulosenblanco"><div align="center">Beneficios
						Asignados</div></td>
			</tr>
			<tr>
				<td><display:table name="sessionScope.beneficiosSede"
						pagesize="20"
						requestURI='<%=request.getContextPath()
							+ "/Sedes/BeneficiosSede.do"%>'
						class="bordesTable" id="bene" cellpadding="3" cellspacing="1"
						style="width:100%">
						<display:column headerClass="headerTable" title="Programa"
							class="Numero" sortable="true" group="1">
							<bean:write name="bene" property="nombrePrograma" />
						</display:column>
						<display:column headerClass="headerTable" title="Beneficio"
							class="Numero" sortable="true" group="2">
							<bean:write name="bene" property="nombreSubprograma" />
						</display:column>
						<display:column headerClass="headerTable" title="Sede"
							class="Numero" sortable="true" group="3">
							<bean:write name="bene" property="nombreSede" />
						</display:column>
						<display:column headerClass="headerTable" title="Cubierto desde"
							class="Numero" sortable="true">
							<bean:write name="bene" property="desde" />
						</display:column>
						<display:column headerClass="headerTable" title="Cubierto hasta"
							class="Numero" sortable="true">
							<bean:write name="bene" property="hasta" />
						</display:column>
						<display:column headerClass="headerTable" title="Cantidad Total"
							class="Numero" sortable="true">
							<div align="center">
								<bean:write name="bene" property="cantidadTotal" />
							</div>
						</display:column>
						<display:column headerClass="headerTable" title="Disponibles"
							class="Numero" sortable="true">
							<div align="center">
								<bean:write name="bene" property="cantidadDisponible" />
							</div>
						</display:column>
						<display:column headerClass="headerTable" title="Modificar"
							class="Numero">
							<html:link paramId="code" paramName="bene" paramProperty="code"
								page="/Sedes/UpdateBeneficiosSede.do">
								<div align="center">
									<img
										src="<%=request.getContextPath()
									+ "/images/modificar.gif"%>"
										width="16" height="16" border="0">
								</div>
							</html:link>
						</display:column>
						<display:column headerClass="headerTable" title="Asignar Usuarios"
							class="Numero">
							<html:link paramId="code" scope="session" paramName="bene"
								paramProperty="code" page="/Sedes/EscogerUsuario.do">
								<div align="center">
									<img
										src="<%=request.getContextPath()
									+ "/images/usuario.gif"%>"
										width="16" height="16" border="0">
								</div>
							</html:link>
						</display:column>
					</display:table></td>
			</tr>
		</logic:present>
		<logic:notPresent name="beneficiosSede" scope="session">
			<tr>
				<td align="center" class="celdatabla">
					No se encontraron beneficios asociados a la sede seleccionada
				</td>
			</tr>
		</logic:notPresent>
	</table>
</div>